New window shadows
authorNikita Churaev <lamefun.x0r@gmail.com>
Wed, 18 Jun 2014 16:09:43 +0000 (20:09 +0400)
committerJakub Steiner <jimmac@gmail.com>
Wed, 18 Jun 2014 18:40:19 +0000 (20:40 +0200)
https://bugzilla.gnome.org/show_bug.cgi?id=731866

gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index ed705086dde7a41468f6d4bc9cce8594e5b30485..03f09b862add466b66c5553a579a1c48d231c66a 100644 (file)
@@ -1874,16 +1874,18 @@ GtkColorChooserWidget #add-color-button {
 
   // this needs to be transparent
   // see bug #722563
-  $_wm_border: if($variant=='light', transparentize(black, 0.8), transparentize(black, 0.4));
-  box-shadow: 0 2px 10px 4px transparentize(black, 0.9),
+  $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
+  $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
+
+  box-shadow: 0 3px 9px 1px transparentize(black, 0.5),
               0 0 0 1px $_wm_border; //doing borders with box-shadow
 
   /* this is used for the resize cursor area */
   margin: 10px;
 
   &:backdrop {
-    box-shadow: 0 3px 6px 2px transparentize(black, 0.9),
-                0 0 0 1px transparentize(black,0.7);
+    box-shadow: 0 2px 6px 2px transparentize(black, 0.8),
+                0 0 0 1px $_wm_border_backdrop;
   }
   &.tiled {
     border-radius: 0;
@@ -1891,7 +1893,7 @@ GtkColorChooserWidget #add-color-button {
   &.csd {
     &.popup {
       border-radius: 0;
-      box-shadow: 0 1px 2px transparentize(black, 0.6),
+      box-shadow: 0 1px 2px transparentize(black, 0.8),
                   0 0 0 1px transparentize($_wm_border,0.1);
     }
     &.tooltip {
index 7ceca51add6f936f3c9fb51f1cd5a47e5fa926b8..6af33ccf9096b6f7c3489afb0d141b0e2992ecb8 100644 (file)
@@ -2478,16 +2478,16 @@ GtkColorChooserWidget #add-color-button {
 .window-frame {
   border-radius: 7px 7px 0 0;
   border-width: 0px;
-  box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.6);
+  box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9);
   /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
-    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); }
+    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
   .window-frame.tiled {
     border-radius: 0; }
   .window-frame.csd.popup {
     border-radius: 0;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5); }
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
   .window-frame.csd.tooltip {
     border-radius: 5px;
     box-shadow: none; }
index c8052a8e819561b12b5619b2a94746420040f342..c4f02dcd7cdb14794ded39a1e534fb2170fb247b 100644 (file)
@@ -2476,16 +2476,16 @@ GtkColorChooserWidget #add-color-button {
 .window-frame {
   border-radius: 7px 7px 0 0;
   border-width: 0px;
-  box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
   /* this is used for the resize cursor area */
   margin: 10px; }
   .window-frame:backdrop {
-    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); }
+    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
   .window-frame.tiled {
     border-radius: 0; }
   .window-frame.csd.popup {
     border-radius: 0;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); }
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
   .window-frame.csd.tooltip {
     border-radius: 5px;
     box-shadow: none; }